<?php   
         echo $this->Html->css('jquery-ui');
         echo $this->Html->css('estilo'); 
         echo $this->Html->script('jquery.blockUI');
         echo $this->Html->script('jquery.validate');
         echo $this->Html->script('jquery-ui.min');
?>

<script type="text/javascript">
    
  
    
  $(document).ready(function(){
     
       $('form').keypress(function(e){    
            if(e == 13){ 
            return false; 
        } 
       }); 
       
       
 
    $('input').keypress(function(e){ 
        if(e.which == 13){ 
            return false; 
        } 
    }); 
    
    $('#valor_uno').bind('focus',function(e){
        limpiar()   
    });
    
     function p(){
            var value = $('#formObraObra option:selected').text();
            $('#obra_id').val(value);      
        }
    
    //MAnejo FORM oculto   
    $("#fObra").hide();
     $('#btnEnviar').click(function() {           
            res = validaCantidad()
            if(res != true){
                alert("Sr.Usuario, debe ingresar materiales para realizar egreso")
            }
            else
            {
               $("#fObra").dialog({
                modal : true,
                buttons: {
				Guardar: function() {
					
                                       p();
                                       
                                       
                                       datos = $("#formObra").serialize();
                                       
//                                       
                                        $.ajax({
                                            url:"idObra",
                                            dataType: "json",
                                            data: {
                                                   data : datos
                                            },
                                            type: 'GET',
                                            success : function(res){                         
                                                        //alert(r);
                                                        insertGrilla(res)             
                                            }
                                        })
                                        
                                        
				},
                                Salir : function(){
                                    $(this).dialog('close');
                                    
                                }
                              
			}
                }); 
            }
    })
     
    //Fin manejo form oculto
     
     function obtenerIDObra(){
             $("#obra.Nombre")
        }
                  
      $( "input#valor_uno" ).autocomplete({
                        source: function( request, response ) {
				$.ajax({
					url:"complete",
					dataType: "json",
					data: {
						term: request.term
					},
                                        type : 'GET',
					success: function( data ) {
						response( $.map( data, function( item ) {
							return {
								value: $.trim(item.nombre),
                                                                label: $.trim(item.nombre)
                                                                
							}
						}));
					}
				});
			},
			minLength: 2,
                        select : function(event, ui){
                                    
                                    $.ajax({
                                        url: 'complete',
                                        data:{ term: ui.item.value},
                                        dataType: "json",
                                        type: 'GET',
                                        success : function(respuesta){                         
                                                     $.each(respuesta, function(k,v){
                                                            
                                                        $("#valor_ide").val($.trim(v.codigo));
                                                        $("#valor_dos").val($.trim(v.cantidad))
                                                        $("#valor_cuatro").val($.trim(v.id));    
                                                 //console.log(k+" -> " +v.id + "," +v.nombre + ", " + v.codigo )                                                 
                                            })       
                                           
                                                
                                         
                                        
                                        }
                                    });
                                }
		});                           
                fn_dar_eliminar();               
                fn_agregar()               
                fn_cantidad();
                
                $('#valor_tres').focusout(function(){
                        if($('#valor_dos').val() < $('#valor_tres').val()){
                            if($('#valor_dos').val() == 0){
                                alert('Sin Stock, favor seleccione otro material')
                                limpiar()
                            }
                            else{
                                 alert('La cantidad de prestamo no puede ser mayor a la cantidad de stock, ingrese cantidad correcta')
                                 $('#valor_tres').val('')
                            }                          
                        }
                        
                        
                })
               
});

    function insertGrilla(r){
                    var datosFila = new Array();
                                      $("#grilla").find(".classDetalleProducto").each(function(){
                                          var objDatoFila = new Object();
                                          objDatoFila.cantStock = $(this).find(".cantStock").html()
                                          objDatoFila.codProducto = $(this).find(".codProducto").children('.codValor').val()
                                          objDatoFila.cantRetiro = $(this).find(".cantRetiro").html()
                                          objDatoFila.obraID = r
                                          datosFila.push(objDatoFila)
                                      })                                     
        $.ajax({
           url: 'insertProductosObra',
           dataType: 'json',
           data: {
                    data : datosFila
                 },
            type: 'GET',
            success :   function(){
                            alert('Registro realizado exitosamente'),
                            $(this).dialog('close');
                            location.reload();
                        }
       })
    }
                
        function fn_cantidad(){
		cantidad = $("#grilla tbody").find("tr").length;
                $("#span_cantidad").html(cantidad);
	};
        
        function validaCantidad(){
            cantidad = $("#grilla tbody").find("tr").length;
            if(cantidad != 0){
                return true;
            }
            else
            {
                return false;
            }
        }
        
        function limpiar(){
            $("#valor_uno").val('')
            $("#valor_ide").val('')
            $("#valor_tres").val('')
            $("#valor_dos").val('')
        }
           
           function fn_agregar(){             
                    $("th.agrega").click(function(){
                       if($("#valor_ide").val() != "" && $("#valor_tres").val() != ""){
                            cadena = "<tr class='classDetalleProducto'>";
                            cadena = cadena + "<td class='id'>" + $.trim($("#valor_ide").val()) + "</td>";
                            cadena = cadena + "<td class='nombreProducto'>" + $.trim($("#valor_uno").val()) + "</td>";
                            cadena = cadena + "<td class='cantStock'>" + $.trim($("#valor_dos").val()) + "</td>";
                            cadena = cadena + "<td class='cantRetiro'>" + $.trim($("#valor_tres").val()) + "</td>";
                            cadena = cadena + "<td class=''><a class='elimina'><img src='/RJS/img/delete'></a></td>";
                            cadena = cadena + "<td class='codProducto'><input type='hidden' class='codValor' value= " + $.trim($('#valor_cuatro').val()) + "></td>";
                            $("#grilla tbody").append(cadena);
                            
                            /*
                                aqui puedes enviar un conunto de tados ajax para agregar al usuairo
                                $.post("agregar.php", {ide_usu: $("#valor_ide").val(), nom_usu: $("#valor_uno").val()});
                            */
                               limpiar()
                          fn_dar_eliminar();
                          fn_cantidad();
                      }
                      else
                      {
                          alert("Sr.Usuario, verifique datos faltantes ( Producto o Cantidad )")
                      }
                    })
                  
               
                         
           };
            
            function fn_dar_eliminar(){
                $("a.elimina").click(function(){
                    id = $(this).parents("tr").find("td").eq(0).html();
                    respuesta = confirm("Desea eliminar de la lista de prestamo el producto: " + id);
                    if (respuesta){
                        $(this).parents("tr").fadeOut("normal", function(){
                            $(this).remove();
                            fn_cantidad()
                            alert("Producto " + id + " eliminado de la lista")
                            /*
                                aqui puedes enviar un conjunto de datos por ajax
                                $.post("eliminar.php", {ide_usu: id})
                            */
                        })
                    }
                });
            };                
            
       
      
                
</script>


<?php if(empty($productos)) : ?>
    <fieldset><legend> No hay productos </legend></fieldset> 
  <?php   echo $this->Html->link('volver',array('action'=>'index')); ?>
  
<?php else :  ?>
     
        <?php echo $this->Html->image('icon_BOD/volver1.png'); ?>
        <?php echo $this->Html->link('volver',array('action'=>'index')); ?>
        <br>
             
     <fieldset>

   
         

         <br></br>
      
           <div id="contenedor">
    
    
            <h1>Egreso de materiales bodega</h1>
            <?php $this->Form->create('form1', array('id' => 'frm_usu', 'action' => 'javascript:fn_agregar()')) ?>
                <table class="formulario" >
            
<!--            <form action="javascript:fn_agregar(document.form.form1)" name="form1" method="Post" id="frm_usu">-->
                
                   
                    <thead>
                        <tr>
                            <th class="agrega" colspan="2">
                                <?php  echo $this->Html->image('add.png');?> Agregar materiales para prestamo</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Codigo</td>
                            <td> 
                            <?php
                                    echo $this->Form->input('producto',array('type'=>'text','name' => 'valor_ide','id'=>'valor_ide','label'=>'', 'class' => 'required number', 'disabled' => 'disabled'));              
                                ?>
                            </td>
                        </tr>
                        <tr>
                            <td>Nombre Producto</td>
                            <td>
                             <?php
                                    echo $this->Form->input('producto',array('type'=>'text','name' => 'valor_uno','id'=>'valor_uno','label'=>'', 'class' => 'required'));              
                                ?>
                                </td>
                        </tr>
                        <tr>
                            <td>Cantidad Stock</td>
                             <td>
                             <?php
                                    echo $this->Form->input('producto',array('type'=>'text','name' => 'valor_dos','id'=>'valor_dos','label'=>'', 'class' => 'required', 'disabled' => 'disabled'));              
                                ?>
                             </td>
                        </tr>
                        <tr>
                            <td>Cantidad retiro</td>
                            <td>
                                 <?php
                                    echo $this->Form->input('producto',array('type'=>'text','name' => 'valor_tres','id'=>'valor_tres','label'=>'', 'class' => 'required'));              
                                ?>
                           </td>
                           
                        </tr>
                         <tr>
                            
                                 <?php
                                    echo $this->Form->input('producto',array('type'=>'hidden','name' => 'valor_cuatro','id'=>'valor_cuatro','label'=>'', 'class' => 'required'));              
                                ?>
                           
                           
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="2">
                                    
                           </td>
                        </tr>
                    </tfoot>
                </table>
            </form>
            
            <table id="grilla" class="lista">
              <thead>
                    <tr>
                        <th>Codigo</th>
                        <th>Nombre Producto</th>
                        <th>Cantidad Stock</th>
                        <th>Cantidad retiro</th>
                    </tr>
                </thead>
                <tbody>
                    
                </tbody>
                <tfoot>
                	<tr>
                    	<td colspan="5"><strong>Cantidad:</strong> <span id="span_cantidad">4</span> Elementos.</td>
                    </tr>
                </tfoot>
            </table>
            <hr />
                
        </div>

      
         <div class="submit">
         <?php 
                //echo $this->Form->create('formSave', array('id' => 'btnEnviar', 'name'=>'btnEnviar', 'method'=> ''));
         
                echo $this->Form->button('Confirmar prestamo', array('name'=>'', 'id'=>'btnEnviar', 'type' => '', 'method'=>''));  
                //echo $this->Form->button('Limpiar', array('name'=>'', 'id'=>'btnEnviar', 'type' => '', 'method'=>'')) ;
         ?>  
             </div>
         <br></br>
         
      <!-- form oculto   -->
      <div id="fObra">
          <?php echo $this->Form->create('formObra', array('id' => 'formObra', 'name'=>'formObra', 'style' => 'diplay:none', 'title' => 'Obra destino')) ?>
         <?php 
         echo "Seleccione Obra de destino";
         echo $this->Form->input('obra', array('label' => ' ', 'style' => 'width: 200px;', 'name' => 'selObra', 'class' => 'selObra'));
            //echo $this->Form->input('obra.nombre',array('type'=>'list', 'label' => 'Seleccione obra destino', 'name' => 'nombreObra', 'id'=>'nombreObra')); 
            echo $this->Form->hidden('obra_id', array('type' => 'text', 'name' => 'obra_id', 'id'=>'obra_id'));
           // echo $this->Form->button('Grabar prestamo', array('name'=>'btnGrabarPrestamo', 'id' => 'btnGrabarPrestamo', 'method' => ''));
            
         ?>
      </div>
         
    <?php echo $this->Html->image('icon_BOD/volver1.png'); ?>
    <?php echo $this->Html->link('volver',array('action'=>'index')); ?>
         <br>
    <?php echo $this->Html->image('icon_BOD/ver.png'); ?>
    <?php echo $this->Html->link('Ver todos',array('action'=>'todoproducto')); ?>
<?php
                           
                    
?>

<?php endif; ?>
    